<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Basic Tag Demo</title>
</head>

<body bgcolor="yellow">
<body background="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1506953527&di=25d233344240286c811fbee69dc42cb6&imgtype=jpg&er=1&src=http%3A%2F%2Fpic.58pic.com%2F58pic%2F16%2F04%2F67%2F59T58PICiPx_1024.jpg">
<h1 align="justify">这是两端对齐<h1>
<h2 align="left">左端对齐<h2>
<h3 align="right">右端对齐</h3>
<h4 align="center">居中对齐</h4>

<hr/>  <!--水平线标签-->
<p align="center">
这个段落
在源代码       中
包含   许多行
但是      浏览器
忽略了  它们。
</p>

<p>
段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小，将改变段落中的行数
</p>

<hr/>
<a href="http://www.w3school.com.cn">This is a link</a>

<p>
您也可以使用图像来作链接：
<br/>
<a href="/example/html/lastpage.html">
<img border="0" src="http://www.w3school.com.cn/i/eg_buttonnext.gif" />
</a>
</p>

<p> <a href="#C4">查看 Chapter 4</a> </p> <!--跳转到指定的name名称中用#假name值(注意区分大小写)，进行跳转到C4处-->
<h2><a name="C4">Chapter 4</a></h2>    <!--利用了name属性-->
<p>This chapter explains ba bla bla</p>
<br/>
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
<a href="http://www.w3school.com.cn/" target="_self">Visit W3School!</a>
<a href="http://www.w3school.com.cn/" target="_parent">Visit W3School!</a>
<a href="http://www.w3school.com.cn/" target="_top">Visit W3School!</a>
<p>如果把链接的 target 属性设置为 "_blank"，该链接会在新窗口中打开</p>
<p>如果把链接的 target 属性设置为 "_self"，默认。在相同的框架中打开被链接文档</p>
<p>如果把链接的 target 属性设置为 "_parent"，在父框架集中打开被链接文档</p>
<p>如果把链接的 target 属性设置为 "_top"，在整个窗口中打开被链接文档</p>
<br/>
<p>这是邮件链接：
<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a></p>
<p><b>注意：</b>应该使用 %20 来替换单词之间的空格，这样浏览器就可以正确地显示文本了。</p>

<p>这是另一个 mailto 链接：
<a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">发送邮件！</a></p>
<!--带有抄送与发送信件的内容-->


<hr>
<p>图片的嵌入</p>
<img src="http://www.w3school.com.cn/ui2017/logo16.png" alt="Test图标" align="right" />
<img src="http://www.w3school.com.cn/ui2017/logo-16.png" width="100px" high="80" />
<img src="http://www.w3school.com.cn/ui2017/logo-16.png" width="100px" high="80" longdesc="www.baidu.com" />


</body>
<html>
